<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<head>
<title>推荐艺术家-笔飞美术作品</title>
<link rel="stylesheet" type="text/css" href="/css/style_dz.css" />
<%@include file="../common/jspcommon.jsp"%>
<%@include file="../common/css.jsp"%>
<%@include file="../common/js.jsp"%>
<script type="text/javascript">
	function showStory(id) {
		window.location.href="story.htm?id="+id;
	}
</script>
</head>
<body>
	<div id="box">
		<%@include file="../common/header.jsp"%>
		<div id="main_div">
			<div class="site_map">
				<a href="/welcome.htm">首页</a> 》<a href="/made.htm">定制</a> 》推荐艺术家
			</div>

			<div id="dz_div_4">
				<ul>
					<c:forEach items="${niceist.list}" var="nice" varStatus="vslis">
						<li><c:forEach items="${nice.artArtistPic}" var="picList" varStatus="vs">
								<c:if test="${vs.count==1 }">
									<div class="div_img">
										<a href="#" onclick="showStory('${nice.id}')">
											<img id="img_${vslis.count}" src="${picList.imagePath}_300x200" alt="" onload="loadImage(this,284,176);"/>
										</a>
									</div>
									<div class="div_content">
										<p class="style4"><a href="#"  onclick="showStory('${nice.id}')">${picList.title}</a></p>
										<p class="style5 mt10"><a href="artist.htm?id=${nice.id}" target="_blank">${nice.name }</a></p>
										<p class="mt10"></p>
										<p class="mt10">
											<a href="#" class="more2" onclick="showStory('${nice.id}')">阅读他的故事</a>
										</p>
									</div>
								</c:if>
							</c:forEach></li>
					</c:forEach>
				</ul>
			</div>
			<div class="page_div">
					<div id="page" class="h_page"></div>
				</div>
		</div>
		<%@include file="../common/footer.jsp"%>

	</div>
	<script type="text/javascript">
			$(function(){
					$("#page").pager({
						pagenumber : "${niceist.currentPage}",
						pagecount : "${niceist.totalPage}",
						buttonClickCallback : function(page) {
							location.href = "/niceist.htm?page="+ page;
						}
					});
				});
	</script>
</body>
</html>
